/**
 * Progress Bar
 */

.sn-progress-wrap{
    margin-top: -30px;
}
.sn-progress{
    position: relative;
    margin-left: 30px;
    padding: 15px 0;
    margin-top: 30px;
    .progress-bar-count{
        position: absolute;
        display: block;
        background: #222222;
        border-radius: 100%;
        height: 60px;
        width: 60px;
        left: 0;
        top: 50%;
        line-height: 60px;
        margin-top: -30px;
        margin-left: -30px;
        text-align: center;
        font-size: 14px;
        color: #ffffff;
        z-index: 1;
    }
    .progress{
        background: #f2f2f2;
        height: 30px;
        line-height: 30px;
        border-radius: 0;
        h6{
            color: #ffffff;
            font-family: $body-font;
            font-weight: 400;
            font-size: 14px;
            margin-bottom: 0;
            padding-left: 45px;
        }
    }
    .progress-bar{
        background: $theme-color;
        text-align: left;
        transform: translateX(-100%);
        transition: all 1s ease-out 0s;
        &.fill{
            transform: translateX(0);
        }
    }
}